<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

    <style type="text/css">
    
       .key{
        /*  width:20%; */
       }
      #adddlg .textbox{
         height:30px;
         border:1px solid #d7e6fb;
      }
      #adddlg .textbox input {
      	 height:30px;
      }
       .easyui-textbox{
          width:70%;
          line-height:30px;
       }
       .xin-z{
          width:65px;
          float:right;
          line-height:30px;
          margin-right: 15px;
       }  

	</style>
	
<form id="addform" method="post">
	<table cellpadding="5" style='width:100%;'>
		<tr>
			<td class='key'><span>*</span>姓名:</td>
			<td>
				<input class="easyui-textbox" type="text" id="contactsName" name="contactsName" data-options="prompt:'请输入姓名',required:true,validType:'maxlength[100]'">
			</td>
		</tr>
		<tr>
			<td class='key'><span>*</span>邮箱:</td>
			<td>
			    <input class="easyui-textbox" type="text" name="contactsMail" id="contactsMail" data-options="prompt:'请输入邮箱',required:true,validType:['email','maxlength[50]']"/>
			</td>
		</tr>
		<tr>
			<td class='key'><span>*</span>分组:</td>
			<td>
			    <input name="groupId" id="groupId" style="color: #AAA;">
				<a class='xin-z' href="javascript:void(0);" id="addGroup" style="font-size: 12px;color: #689BC0;">+新建组</a>			    			    
			</td>
		</tr>

       <tr id="addGroupBlock" style="display: none;">
          <td></td>
          <td>
				<input class="" placeholder="分组名称" type="text" id="groupName" style="width: 137px;height: 25px;" />
				<a id="saveGroup" href="javascript:void(0)" style="font-size: 12px; color: rgb(231, 76, 60); text-decoration: none;">保存</a>
				<a id="cancelSaveGroup" href="javascript:void(0)" style="font-size: 12px;text-decoration: none;color: rgb(104, 155, 192);">取消</a>
          </td>
       </tr>


		<tr>
			<td class='key'>手机号:</td>
			<td><input class="easyui-textbox" type="text" name="contactsPhone" id="contactsPhone" data-options="prompt:'请输入手机号',required:false,validType:['mobile']"/></td>
		</tr>
		<tr>
			<td class='key'>公司:</td>
			<td><input class="easyui-textbox" type="text"  name="contactsCompany" id="contactsCompany" data-options="prompt:'请输入公司',required:false,validType:'maxlength[50]'" /></td>
		</tr>
		<tr>
			<td class='key'>描述:</td>
			<td>
				<input class="easyui-textbox" autocomplete="off" name="contactsDes" id="contactsDes" data-options="prompt:'请输入描述',required:false,validType:'maxlength[127]',multiline:true,height:50">
			</td>
		</tr>
	</table>
</form>
<div id="treeselecter" class="easyui-dialog" style="width:300px;height:auto;overflow-y:auto;" data-options="title:'',iconCls:'icon-save',resizable:false,modal:true,closed:true,buttons:[]">
</div>